<template>
  <el-select
    v-model="val"
    @change="handleChange"
    :filterable="fetchSearch"
    :remote="fetchSearch"
    :remote-method="keywordSearch"
    :multiple="multiple"
    :collapse-tags="multiple"
  >
    <el-option
      v-for="item in option"
      :key="item[props.value]"
      :label="item[props.label]"
      :value="item[props.value]"
    >
      <slot name="select" :row="item"></slot>
    </el-option>
  </el-select>
</template>

<script>
import { props, mixin } from '@/components/control/basis'

export default {
  name: 'SelectCom',
  props: { ...props },
  mixins: [mixin],
  watch: {},
  computed: {},
  data() {
    return {
      val: '',
    }
  },
  methods: {},
}
</script>

<style scoped lang="scss"></style>
